<%@taglib uri="/tags/struts-html" prefix="html"%>
<%@taglib uri="/tags/struts-bean" prefix="bean"%>
<%@taglib uri="/tags/struts-logic" prefix="logic"%>
<%@taglib uri="/tags/struts-layout" prefix="layout"%>
<%
String fechaIngreso=(String)request.getAttribute("fi"); 
if(fechaIngreso==null){
	fechaIngreso="";
}
String accionForm=(String)request.getAttribute("accion");
%> 
<script language="JavaScript" type="text/JavaScript"
	src="../cl/js/jquery-1.5.2.js"></script>
<script language="JavaScript" type="text/JavaScript"
	src="../cl/js/jquery-ui-1.8.11.custom.min.js"></script>
<script language="JavaScript" type="text/JavaScript" 
	src="../cl/js/jquery.validate.js"></script>
<style type="text/css" media="screen">
@import "../cl/css/body.css";
</style>

<style type="text/css" media="screen">
@import "../cl/css/jquery-ui-1.8.11.custom.css";
</style>
<script type="text/javascript" charset="utf-8">
Date.firstDayOfWeek = 0;
Date.format = 'dd/mm/yyyy';
$(function() {
	$( "#datepicker" ).datepicker({ dateFormat: 'dd/mm/yy' });
	
});
</script>
<div id="stylized" class="myform"><html:form
	action="EmpleadoAction">
	<h1>Empleados</h1>
<label>Empresa</label>
<html:select property="codigoEmpresa">
		<html:option value="">Seleccione</html:option>
		<html:optionsCollection name="EmpleadoForm" property="empresaList"
			label="nombreEmpresa" value="codigoEmpresa" />
	</html:select>
<br/><br/>	
<label>Sucursal</label>
	<html:select property="codigoSucursal">
		<html:option value="">Seleccione</html:option>
		<html:optionsCollection name="EmpleadoForm" property="sucursalList"
			label="nombreSucursal" value="codigoSucursal" />
	</html:select>
	<br/><br/>	
<label>Departamento:</label>
<html:select property="codigoDepto">
	<html:option value="">Seleccione</html:option>
	<html:optionsCollection name="EmpleadoForm" property="deptoList"
		label="nombreDepto" value="codigoDepto" />
</html:select>
<br/><br/>	
<label>Ingreso:</label> 
<html:hidden name="fechaIngreso" property="fechaIngreso" value=""/>
<INPUT name="datepicker" id="datepicker" value="<%=fechaIngreso%>"onChange="document.getElementsByName('fechaIngreso')[0].value=this.value;">
	<br/><br/>	
<label>Apellidos:</label>
<html:text property="apellidos"></html:text>
<br/><br/>
   <label>Nombres:</label>
<html:text property="nombres"></html:text>
<br/><br/>
<label>Cargo:</label>
<html:select property="codigoCargo">
	<html:option value="">Seleccione</html:option>
	<html:optionsCollection name="EmpleadoForm" property="cargoList"
		label="nombreCargo" value="codigoCargo" />
</html:select>
<br/><br/>	
<label>Direcci&oacute;n:</label>
<html:textarea property="direccion"></html:textarea>
<br/><br/><br/><br/>
<label>Tel&eacute;fono:</label>
<html:text property="telefono"></html:text>
<br/><br/>
<html:hidden name="a" property="a" value="<%=accionForm%>"></html:hidden>
	<html:submit value="Guardar" />
</html:form>
</div>
<script type="text/javascript" charset="utf-8">
	//funcion para validar el form 
	document.getElementsByName('EmpleadoForm')[0].id="iEmpleadoForm";
	$(document).ready(function() {
		$("#iEmpleadoForm").validate({
			rules: {
			datepicker: {
			  required: true,
			  maxlength: 10,
			  date: true
			},
			apellidos:{
				required: true,
				maxlength: 60
			},			
			nombres:{
				required: true,
				maxlength: 60
			},
			codigoSucursal:{
				required: true
				},
			codigoEmpresa:{
				required: true
				},
			codigoDepto:{
				required: true
			},
			codigoCargo:{
				required: true
			},telefono: {
				  required: true,
				  number: true,
				  maxlength: 8
				}
		  }
		});
	});
</script>




